<template>
	<view>
		<view class="swiper_bg" v-if="goods.main_image.length>0"> 
			<swiper class="swiper" circular :indicator-dots="banner.indicatorDots" :autoplay="banner.autoplay" :interval="banner.interval" :duration="banner.duration">
				<swiper-item v-for="(item,index) in goods.main_image" :key="index">
					<image class="banner" :src="item"></image>
				</swiper-item> 
			</swiper>
			<view style="width: 70rpx;height: 70rpx;float: left;margin-top: -470rpx;margin-left: 50rpx;border-radius: 60rpx;background-color: rgba(128, 128, 128, 0.5);z-index: inherit;position: fixed;z-index: 999;">
				<image @click="back" src="/static/detail_back.png" style="width: 50rpx;height: 50rpx;margin-top: 10rpx;margin-left: 10rpx;" ></image>
			</view>
		</view>
		<view class="detail-info1">
			<view class="goods_00_1">
				{{goods.name}}
			</view>
			<view class="goods_00_2" > 
				<label style="margin-right: 20rpx;" v-if="goods.stock_num!=null">库存：{{goods.stock_num}}</label>
			</view>
			<view class="goods_00_2" style="margin-top: 10rpx;">
				<label style="border: #2AE8DC 3rpx solid;padding: 3rpx;border-radius: 10rpx;color: #2AE8DC;">您有<text v-if="goods.order_nums!=null">{{goods.order_nums}}</text><text v-if="goods.order_nums==null">0</text>位邻居已下单</label>
			</view>
			 
			<view class="goods_00_2" style="margin-top: 10rpx;">
				<view v-for="(i,index) in 5" style="float: left;" :key="index">
					<image v-if="goods.score>=i" src="../../static/ic_xing@3x(1).png" style="width: 20rpx;height:20rpx;margin-left: 5rpx;"></image>
					<image v-if="goods.score>=i-0.5&&goods.score<i" src="../../static/ic_xing2@3x.png" style="width: 20rpx;height: 20rpx;margin-left: 5rpx;"></image>
					<image v-if="goods.score>i-1&&goods.score<i-0.5" src="../../static/ic_xing3@3x.png" style="width: 20rpx;height: 20rpx;margin-left: 5rpx;"></image>
				</view> 
				<label style="font-size: 22rpx;">{{goods.score}}分</label>
			</view> 
			<view class="goods_00_2" style="margin-top: 10rpx;">
				<view v-if="goods.is_book==1" class="items_16" style="float: left;border: none;color: #9D9D9D;text-align: center;font-size: 22rpx;">
					需要预约&nbsp;|&nbsp;交易保障
				</view>
				<view v-if="goods.is_book==0" class="items_16" style="float: left;border: none;color: #9D9D9D;text-align: center;font-size: 22rpx;">
					无需预约&nbsp;|&nbsp;交易保障
				</view>  
			</view>
			<view class="goods_00_3" v-if="goods.use_time!=null">
				营业时间：{{goods.use_time}}
			</view>
			<view class="goods_00_4">
				<label class="goods_00_p">￥{{goods.price}}</label>
				<label class="goods_00_p1">￥{{goods.origin_price}}</label>
				<label class="goods_00_p3">{{goods.zheKou}}</label>
			</view> 
			<view class="goods_00_4" v-if="guanJia"> 
				<label class="goods_00_p" style="font-size: 25rpx;">分佣：{{goods.butlerAllMoney}}元</label> 
			</view>
			<view style="width: 100%;height: 10rpx;float: left;"></view>
		</view>
		<view class="menu_box">
			<view v-for="(item,index) in menu" :key="index">
				<view class="menu_se" v-if="item.id==menuIndex" @click="menuSelect(item)" >{{item.name}}</view>
				<view class="menu_def" v-if="item.id!=menuIndex" @click="menuSelect(item)" >{{item.name}}</view>
			</view>
		</view>
		<!-- 团购详情 -->
		<view v-if="menuIndex==1">
			<view class="detail-info1">
				<view class="goods_001">
					商户信息
				</view>
				<view class="goods_002">
					<image src="../../static/shop.png" class="detail-info1-item-img goods_002_1"></image>&nbsp;{{goods.shop_name}}
				</view>
				<view class="goods_003" @click="openMap">
					<image src="../../static/ic_dizhi.png" class="detail-info1-item-img goods_003_1" ></image>&nbsp;{{goods.position}}
				</view>
				<view class="goods_004" @click="openPhone">
					<image src="../../static/phone.png" class="detail-info1-item-img" style="float: left;margin-top: -2rpx;"></image>&nbsp;{{goods.phone}}
				</view> 
				<view class="goods_005">
					<map @click="openMap" style="width: 100%; height: 200rpx;float: left;" :latitude="goods.latitude" :longitude="goods.longitude" >
					</map>
				</view> 
			</view>
			<view class="detail-info1" style="font-size: 25rpx;">
				<view class="detail-info1-xq">
					 邻里团购
				</view>
				<view v-for="(item,index) in goods.deail_info" :key="index">
					<view class="detail-info1-xq-title">&nbsp;&nbsp;{{item.title}}
					<image src="../../static/ysjt.png" style="width: 23rpx;height: 23rpx;margin-left: 10rpx;"></image>
					</view>
					<view class="detail-info1-xq-item" v-for="(item1,index1) in item.detail" :key="index1">
						<view class="xq-lable">{{item1.title}}</view>
						<view class="xq-content">{{item1.content}}</view>
					</view>
				</view>
				<view style="width: 100%;height: 135rpx;float: left;background: #9e9e9e;margin-top: 10rpx;margin-bottom: 10rpx;color: white;">
					<view style="width: 33%;float: left;height: auto;text-align: center;">
						<image src="../../static/cz.png" style="width:50rpx;height: 50rpx;margin-top: 15rpx;"></image>
						<view style="width: 100%;font-size: 22rpx;">合法企业</view>
						<view style="width: 100%;font-size: 18rpx;">正规注册证件齐全</view>
					</view>
					<view style="width: 33%;float: left;height: auto;text-align: center;">
						<image src="../../static/qy.png" style="width:50rpx;height: 50rpx;margin-top: 15rpx;"></image>
						<view style="width: 100%;font-size: 22rpx;">签约入驻</view>
						<view style="width: 100%;font-size: 18rpx;">平台签约审核通过</view>
					</view>
					<view style="width: 33%;float: left;height: auto;text-align: center;">
						<image src="../../static/bz.png" style="width:50rpx;height: 50rpx;margin-top: 15rpx;"></image>
						<view style="width: 100%;font-size: 22rpx;">交易保障</view>
						<view style="width: 100%;font-size: 18rpx;">服务监督接受仲裁</view>
					</view>
				</view>
				<view v-if="goods.concise!=null&&goods.concise!=''">
					<view class="detail-info1-xq-title">&nbsp;&nbsp;品牌简介
					<image src="../../static/ysjt.png" style="width: 23rpx;height: 23rpx;margin-left: 10rpx;"></image>
					</view>
					<view class="detail-info1-xq-item" >
						{{goods.concise}}
					</view>
				</view>
				<view v-if="goods.advantage!=null&&goods.advantage!=''">
					<view class="detail-info1-xq-title">&nbsp;&nbsp;服务优势
					<image src="../../static/ysjt.png" style="width: 23rpx;height: 23rpx;margin-left: 10rpx;"></image>
					</view>
					<view class="detail-info1-xq-item" >
						{{goods.advantage}}
					</view>
				</view>
				<view v-if="xchs">
					<view class="detail-info1-xq-title">&nbsp;&nbsp;宣传文案
					<image src="../../static/ysjt.png" style="width: 23rpx;height: 23rpx;margin-left: 10rpx;"></image>
					<view style="background: #9D9D9D;float: right;width: 90rpx;text-align: center;color: white;" @click="copy(goods.sell_info)">复制</view>
					</view>
					<view class="detail-info1-xq-item" >
						{{goods.sell_info}}
					</view> 
				</view>
				
				
				<view class="detail-info1-xq">
					 宝贝展示
				</view>
				<view style="width: 100%;height: 10rpx;float: left;"></view>
				<image v-for="(item,index) in goods.detail_img" :key="index" :src="item" mode="widthFix" style="width: 100%;" @click="previewImage(item,goods.detail_img)"></image> 
				<view class="detail-info1-xq" style="height: 60rpx;line-height: 60rpx;font-size: 38rpx;text-align: left;">
					<label style="float: left;">购买须知</label> <image src="../../static/laba.png" style="width: 50rpx;height: 50rpx;margin-left: 12rpx;float: left;margin-top: 5rpx;"></image>
				</view>
				<view v-for="(item,index) in goods.buy_notice" :key="index">
					<view class="detail-info1-xq-title">&nbsp;&nbsp;{{item.title}}<image src="../../static/ysjt.png" style="width: 23rpx;height: 23rpx;margin-left: 10rpx;"></image></view>
					<view class="detail-info1-xq-item" v-for="(item1,index1) in item.detail" :key="index1"> 
						<view  style="width: 100%;">{{item1.content}}</view>
					</view>
				</view> 
				<view v-if="goods.news!=null" >
					<view class="detail-info1-xq" style="height: 60rpx;line-height: 60rpx;font-size: 38rpx;text-align: left;">
						<label style="float: left;">平台声明</label> <image src="../../static/gfsm.png" style="width: 50rpx;height: 50rpx;margin-left: 12rpx;float: left;margin-top: 5rpx;"></image>
					</view>
					<view class="detail-info1-xq-item" style="background: #FFEADB;">
						<view style="width: 100%;padding: 10rpx;" v-for="(item,index) in goods.news.content" :key="index">
							{{item}}
						</view>
					</view>
				</view>
				<view style="width: 100%;height: 20rpx;float: left;"></view>
			</view> 
			<view style="width: 100%;height: 150rpx;float: left;"></view>
		</view>
		<view v-if="menuIndex==2">
			<view v-if="data.length>0">
				<view class="goods_pl_1" v-for="(item,index) in data" :key="index">
					<view class="goods_pl_2">
						用户：{{item.phone}}<label class="goods_pl_21">{{item.createTime}}</label>
					</view>
					<view class="goods_pl_3">
						<image v-for="(o,index1) in item.score" :key="index1" src="../../static/ic_xing@3x(1).png" style="width: 20rpx;height:20rpx;margin-left: 5rpx;"></image>
						<lable style="color: #cccccc;font-size: 25rpx;">{{item.score}}分</lable>
					</view>
					<view class="goods_pl_3">
						{{item.content}}
					</view>
					<view class="goods_pl_4"> 
						<image v-for="(item1,index1) in item.images" :key="index1" :src="item1" class="goods_pl_41" @click="previewImage(item1,item.images)"></image> 
					</view>
					<view v-for="(item1,index1) in item.orderCommentList" :key="index1" style="float: left;width: 90%;margin-left: 10%;">
						<view class="goods_pl_2" v-if="item1.shopId !=null">
							用户：{{item1.phone}}<label class="goods_pl_21">{{item1.createTime}}</label>
						</view>
						<view class="goods_pl_2" v-if="item1.shopId ==null">
							商家<label class="goods_pl_21">{{item1.createTime}}</label>
						</view>
						<view class="goods_pl_3">
							{{item1.content}}
						</view>
					</view>
					 
				</view>
				<view class="more" v-if="pageData.more" @click="getMore()">
				     加载更多
				</view>
				<view class="more" v-if="!pageData.more">
				     无更多数据
				</view>
			</view>
			<view class="more" v-if="data.length==0">
			     暂无数据
			</view> 
			<view style="width: 100%;height: 150rpx;float: left;"></view>
		</view>
		<view style="position: fixed;bottom: 0rpx;left:0rpx;height: 130rpx;width: 100%;background: white;">
			<view @click="showModal" class="detail-buy">
				购买
			</view>
			<button open-type="share" style="width: 180rpx;margin-top: 20rpx;background:#2AE8DC;color: white;border: none;">分享</button>
		</view>
		<view v-if="modalVisible" class="modal-container">
		    <view class="modal-content">
				 
				<view class="modal-content-item">
					<view class="modal-content-item-lable">
						数量：
					</view>
					<view class="modal-content-item-con">
						
						<view style="width: 50rpx;height: 50rpx;border: red 2rpx solid;float: left;text-align: center;" @click="sub()">
							<image src="../../static/sub.png" style="width: 40rpx;height: 40rpx;margin-top: 5rpx;"></image>
						</view> 
						<view style="width:90rpx;height: 50rpx;float: left;text-align: center;line-height: 50rpx;font-size: 35rpx;">
							{{nums}}
						</view> 
						<view style="width: 50rpx;height: 50rpx;border: red 2rpx solid;float: left;text-align: center;" @click="add()">
							<image src="../../static/add.png" style="width: 40rpx;height: 40rpx;margin-top: 5rpx;"></image>
						</view>
					</view>
				</view>
				 
				<view class="modal-content-item">
					<view class="modal-content-item-lable">
						金额：
					</view>
					<view class="modal-content-item-con">
						<view style="width:auto;height: 50rpx;float: left;line-height: 50rpx;font-size: 35rpx;">
							{{money}}
						</view>  
					</view>
				</view>
				<view class="modal-content-item">
					<view class="modal-content-item-lable">
						联系人：
					</view>
					<view class="modal-content-item-con">
						<view style="width:auto;height: 50rpx;float: left;line-height: 50rpx;font-size: 30rpx;">
							<input type="text" class="picker" v-model="name" placeholder="请输入联系人姓名"/>
						</view>  
					</view>
				</view> 
				<view class="modal-content-item">
					<view class="modal-content-item-lable">
						联系电话：
					</view>
					<view class="modal-content-item-con">
						<view style="width:auto;height: 50rpx;float: left;line-height: 50rpx;font-size: 30rpx;">
							<input type="text" class="picker" v-model="phone" placeholder="请输入手机号"/>
						</view>  
					</view>
				</view> 			 
				<view class="modal-content-item" style="border: none;margin-top: 40rpx;margin-bottom: 20rpx;">
					<view class="modal-content-item-btn" @click="closeModal">
						取消
					</view>
					<view class="modal-content-item-btn" @click="pay">
						确定购买
					</view>
				</view> 
		    </view>
		</view>
	</view>
</template>

<script setup>
	import CustomNavigationBar from '@/components/CustomNavigationBar.vue'
	import http from '../../utils/http';
	import {ref} from 'vue'; 
	const id=ref();
	import {
		onLoad,onShow,
		onPageScroll,onShareAppMessage
	} from '@dcloudio/uni-app';
	const comment=ref([]);
	const phone=ref();
	const name=ref();
	function previewImage(image,imageArr) {
		console.log("1111111")
		wx.previewImage({
			current: image, // 当前显示的图片链接
			urls: imageArr,
			success: function(res) {
				// 预览成功的回调函数
			},
			fail: function(err) {
				// 预览失败的回调函数
			}
		});
	}
	function copy(data){
		wx.setClipboardData({
		  data: data,
		  success (res) {
		     
		  }
		})
	}
	onShareAppMessage((query) => {
		 console.log("123123123123123123213");
		 http.request({
		  	url: "/goods/share",
		  	method: "POST",
		  	data: {
		  		"id":id.value,
				userId:getApp().globalData.user.userId
		  	}
		 }).then((responseData) => { 
		 	 
		 }).catch((err) => {
		 	uni.hideLoading();
		  	uni.showToast({
		  		icon: 'error',
		  		title: '请求失败'
		  	})
		 })
		 
	})
	const xchs=ref(false);
	const guanJia=ref(false);
	onLoad((query) => {
		id.value=query.id;
		console.log(id.value);
		if(query.shareInfo){
			console.log("~~~~~~~~~~~~",query.shareInfo);
			var shareId= query.shareInfo.substring(0,query.shareInfo.indexOf("_"));
			var shareGoodsId=query.shareInfo.substring(query.shareInfo.indexOf("_")+1);
			console.log(shareId+"-----------"+shareGoodsId);
			getApp().globalData.shareId=shareId;
			getApp().globalData.shareGoodsId=shareGoodsId;
		}
		if(getApp().globalData.user.butler==1||getApp().globalData.user.cityPartner==1){
			xchs.value=true;
		}
		if(getApp().globalData.user.butler==1){
			guanJia.value=true;
		}
		uni.showLoading({
			title: '数据加载中',
			mask:true
		}); 
		
		http.request({
		 	url: "/goods/detail",
		 	method: "POST",
		 	data: {
		 		"id":query.id,
		 	}
		}).then((responseData) => { 
			uni.hideLoading();
			if(responseData.code==1){
				responseData.data.deail_info=JSON.parse(responseData.data.deail_info);
				responseData.data.detail_img=JSON.parse(responseData.data.detail_img);
				responseData.data.main_image=JSON.parse(responseData.data.main_image);
				responseData.data.buy_notice=JSON.parse(responseData.data.buy_notice); 
				responseData.data.news.content=JSON.parse(responseData.data.news.content);
				console.log(responseData);
				responseData.data.zheKou=calculateDiscount(responseData.data.origin_price,responseData.data.price);
				var score=responseData.data.score/20;
				responseData.data.score=score.toFixed(1);
				goods.value=responseData.data;
				money.value=responseData.data.price;
				shareData.value={
					title: goods.value.name,
					desc: goods.value.name,
					path: '/pages/goods/detail?id=' + goods.value.id+"&shareInfo="+getApp().globalData.user.userId+"_"+goods.value.id,
					imageUrl: responseData.data.main_image[0]
				}
				uni.$mpShare = shareData.value
			}else{
				uni.showToast({
					icon: 'error',
					title: '数据异常'
				})
			}
		}).catch((err) => {
			uni.hideLoading();
		 	uni.showToast({
		 		icon: 'error',
		 		title: '请求失败'
		 	})
		})
		
	})
	//----查询开始----
	const data=ref([]); 
	const pageData=ref(
		{
			pageIndex:1,
			pageSize:5,
			more:true
		}
	);
	function getMore(){
		pageData.value.pageIndex=pageData.value.pageIndex+1;
		initData();
	}
	function initData(){
		uni.showLoading({
			title: '数据加载中',
			mask:true
		}); 
		http.request({
		 	url: "/order/comment/list",
		 	method: "POST",
		 	data: { 
				pageIndex:pageData.value.pageIndex,
				pageSize:pageData.value.pageSize,
				orderComment:{
					goodsId:id.value
				}
		 	}
		}).then((responseData) => { 
			console.log(responseData)
			uni.hideLoading();
			if(responseData.code==1){ 
				 for(var i=0;i<responseData.data.length;i++){
					 responseData.data[i].images=JSON.parse(responseData.data[i].images);
				 }
				if(pageData.value.pageIndex==1){
					data.value=responseData.data;
				}else{
					if(responseData.data.length==0){
						pageData.value.more=false;
					}else{
						for(var i=0;i<responseData.data.length;i++){
							data.value.push(responseData.data[i])
						} 
					}
				}
			}else if(responseData.code==0){
				uni.showToast({
					icon: 'error',
					title: responseData.message
				})
			}else if(responseData.code==-1){
				uni.navigateTo({
					url: "/pages/login/login"
				});
			}
		}).catch((err) => {
			uni.hideLoading();
		 	uni.showToast({
		 		icon: 'error',
		 		title: '请求失败'
		 	})
		})
	}
	
	function share() {
	 console.log("11111111111111111111111111111111")
      // 调用微信小程序的API显示分享面板 
	  wx.showShareMenu({
	    withShareTicket: true,
	    menus: ['shareAppMessage', 'shareTimeline']
	  })
    }
	
	// const shareData = computed(()=>{ // 分享的数据
	// 	return {
	// 		title: goods.value.name,
	// 		desc: goods.value.name,
	// 		path: '/pages/goods/detail?id=' + goods.value.id+"&shareInfo="+getApp().globalData.user.userId+"_"+goods.value.id,
	// 		imageUrl: goods.value.thumbnail
	// 	}
	// })
	 
	const shareData = ref();
	
	
	onShow(()=>{
	    //uni.$mpShare = shareData.value // 修改uni.$mpShare的值
	})
	
	function pay(){
		
		if(!getApp().globalData.user.userId){
			uni.navigateTo({
				url: "/pages/login/login"
			});
			return;
		}
		
		uni.showLoading({
			title: '支付中',
			mask:true
		}); 
		
		http.request({
			url: "/wxPay/pay",
			method: "POST",
			data: {
				openId:getApp().globalData.user.openid,
				type:1,
				goodsId:id.value,
				nums:nums.value,
				phone:phone.value,
				name:name.value,
				saleUserId:getApp().globalData.shareId
			}
		}).then((responseData) => {
			if(responseData.code==1){
				wx.requestPayment({
					timeStamp: responseData.data.timeStamp,
					nonceStr: responseData.data.nonceStr,
					package: responseData.data.packageVal,
					signType: 'MD5',
					paySign: responseData.data.paySign,
					success (res) {
						console.log("支付成功")
						uni.hideLoading();
						uni.navigateTo({
							url: "/pages/order/order?status=1"
						});
					},
					fail (res) {
						console.log("取消支付")
						uni.hideLoading();
						uni.navigateTo({
							url: "/pages/order/order?status=0"
						});
					}
				})
			} else if(responseData.code==0){
				uni.hideLoading()
				uni.showModal({ 
					content:responseData.message ,//提示内容
					showCancel: false//不显示取消按钮
				})
			}else if(responseData.code=-1){
				uni.hideLoading()
				uni.navigateTo({
					url: "/pages/login/login"
				});
			}
		}).catch((err) => {
			uni.hideLoading()
			uni.showToast({
				icon: 'error',
				title: '请求失败'
			})
		})
	}
	function back(){ 
	    const pageSize= getCurrentPages().nv_length;
		if(pageSize==1){
			wx.switchTab({
			  url: "/pages/home/home",
			  success: function(res) {
			    // 跳转成功
			  },
			  fail: function(err) {
			    // 错误处理
			  }
			})
			return;
		}
		uni.navigateBack()
	}
	function openMap(){
		console.log("111111"); 
		uni.openLocation({
		    latitude:goods.value.latitude,
		    longitude: goods.value.longitude,
		    name: goods.value.address_name,
		    address: goods.value.position,
		    success: function (res) {
		        console.log('打开系统位置地图成功')
		    },
		    fail: function (error) {
		        console.log(error)
		    }
		}) 
	}
	
	function openPhone(){
		uni.makePhoneCall({ 
		      phoneNumber:goods.value.phone, // 电话号码
		      success: function () {
		        console.log('拨号成功');
		      },
		      fail: function () {
		        console.log('拨号失败');
		      }
		});
	}
	function calculateDiscount(originalPrice, discountPrice) {
	  if (discountPrice === 0 || originalPrice === 0) {
	    return 0; // 无折扣或原价为0时，返回0
	  }
	  const zheKou=(discountPrice / originalPrice) * 10; 
	  const length=zheKou.toString().length;
	  if(length>4){
		return zheKou.toFixed(2)+"折";
	  }
	  return zheKou+"折"; // 计算折扣力度并返回
	}
	const menuIndex=ref(1);
	const menu=ref([
		{
			id:1,
			name:'团购详情'
		},
		{
			id:2,
			name:'网友评论'
		}
	]);
	const nums=ref(1);
	const money=ref(99);
	function add(){
		if(goods.value.limit_num!=null&&nums.value+1>goods.value.limit_num){
			return;
		}
		nums.value++;
		money.value=(goods.value.price*nums.value).toFixed(2);
	}
	function sub(){
		if(nums.value==1){
			return;
		}
		nums.value--;
		money.value=(goods.value.price*nums.value).toFixed(2);
	}
	function menuSelect(item){
		menuIndex.value=item.id;
		if(item.id==2){
			pageData.value.pageIndex=1;
			initData();
		}
	}
	const modalVisible=ref(false);
	function showModal() {
	    modalVisible.value = true;
	}
	function closeModal() {
	    modalVisible.value = false;
	}
	const banner=ref({
		indicatorDots: true,
		autoplay: true,
		interval: 2000,
		duration: 500
	});
	const goods=ref({
		main_image:[],
		dispenseMap:{
			saleMoney:0,
			newPeople:0
		}
	}); 
</script>

<style>
	@import "../activity/detail.scss"; 
	.goods_pl_41{
		width: 120rpx;height: 120rpx;float: left;margin-left: 10rpx;
	}
	.goods_pl_4{
		width: 94%;margin-left: 3%;float: left;height: auto;margin-bottom: 20rpx;margin-top: 10rpx;
	}
	.goods_pl_3{
		width: 94%;margin-left: 3%;float: left;height: auto;
	}
	.goods_pl_21{
		float: right;color: #cccccc;font-size: 22rpx;
	}
	.goods_pl_2{
		width: 94%;margin-left: 3%;float: left;height: 50rpx;line-height: 50rpx;color: #cccccc;font-size: 22rpx;
	}
	.goods_pl_1{
		width: 94%;float: left;height:auto;margin-left: 3%;border-radius: 24rpx;background-color: white;margin-top: 20rpx;padding-top: 20rpx;
	}
	.goods_005{
		width: 84%;height: 220rpx;float: left;margin-left: 8%;color:#545454;font-size: 22rpx;margin-top: 20rpx;font-size: 25rpx;
	}
	.goods_004{
		width: 84%;height: 30rpx;float: left;margin-left: 8%;line-height: 25rpx;color:#545454;font-size: 22rpx;margin-top: 10rpx;font-size: 25rpx;
	}
	.goods_00_p3{
		width: auto;border: red 3rpx solid;margin-left: 20rpx;padding-left: 10rpx;padding-right: 10rpx;padding-top: 2rpx;padding-bottom: 2rpx; border-radius: 15rpx;color: red;
	}
	.goods_00_p1{
		color: #cccccc;text-decoration: line-through
	}
	.goods_00_p{
		color: red;font-size: 34rpx;margin-right: 20rpx;
	}
	.goods_00_4{
		width: 94%;height: auto;float: left;margin-left: 3%;line-height: 25rpx;font-size: 22rpx;line-height: 50rpx;color: #cccccc;
	}
	.goods_00_3{
		width: 94%;height: 30rpx;float: left;margin-left: 3%;line-height: 25rpx;color: #cccccc;font-size: 22rpx;margin-top: 10rpx;
	}
	.goods_00_2{
		width: 94%;height: 30rpx;float: left;margin-left: 3%;line-height: 25rpx;color: #cccccc;font-size: 22rpx;
	}
	.goods_00_1{
		width: 94%;height: auto;float: left;margin-left: 3%;line-height: 60rpx;font-size: 28rpx;
	}
	.menu_box{
		height:70rpx;background: white;width: 94%;margin-left: 3%;border-radius: 20rpx;float: left;margin-top: 20rpx;line-height: 70rpx;
	}
	.menu_se{
		width: auto;margin-left:3%;color: #2AE8DC;font-weight: bold;float: left;font-size: 28rpx;
	}
	.menu_def{
		width: auto;margin-left:3%;color: #CCCCCC;font-weight: bold;float: left;font-size: 28rpx;
	}
	.goods_001{
		width: 90%;height: 35rpx;float: left;margin-left: 5%;line-height: 35rpx;color:#545454;font-size: 22rpx;margin-top: 20rpx;font-size: 30rpx;text-align: center;
	}
	.goods_002{
		width: 84%;line-height: 30rpx;float: left;margin-left: 8%;line-height: 35rpx;color:#545454;font-size: 22rpx;margin-top: 10rpx;font-size: 28rpx;
	}
	.goods_003{
		width: 84%;line-height: 30rpx;float: left;margin-left: 8%;color:#545454;font-size: 22rpx;margin-top: 10rpx;font-size: 28rpx;
	}
	.goods_002_1{
		float: left;margin-top: -2rpx;
	}
	.goods_003_1{
		float: left;margin-top: -2rpx;
	}
	.more{
			 width: 100%;text-align: center;line-height: 50rpx;color: #666666;font-size: 25rpx;float: left;margin-top: 10rpx;
	}
</style>